﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="DangNhap.aspx.cs" Inherits="ChamCong.TaiKhoan.DangNhap" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="~/styles/jquery-ui.css" rel="stylesheet"  type="text/css" />	
    <link href="~/styles/ui.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.9.1.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.cookies.2.2.0.min.js" type="text/javascript"></script>
    <style type="text/css">

        h2
        {
            font-size:30px;
            font-weight: normal;
            text-transform: none;
            }
        body
        { 
            background: #666666 url('/images/ui-bg_diagonals-thick.png') 50% 50% repeat; 
            font-family:"Segoe UI Light","Helvetica Neue","Segoe UI","Segoe WP",sans-serif;
        }

        span
        {
            float: left;
            padding-left: 80px;
        }
        .textbox
        {
            float: right;
            margin-right: 80px;
        }
        .row
        {
            height: 25px;
        }
        .box {
            height: 200px;
            width: 400px;
            position: absolute;
            /*Centering Method 2*/
            background: #eee;
            margin: -100px -0px 0 -200px;
            left: 50%;
            top: 50%;
        }
        .clear
        {
            width: 100%;
            height: 15px;
        }
        #title {
          text-align: center;
          background-image: url('/images/ui-bg_gloss-wave.png');

          height: 45px;
        }    
        #title h2
        {
            color: White;
            padding: 0px;
            margin: 0px;
            vertical-align: middle;
            line-height: 44px;
            border: 1px solid #E78F08;  
        }
        .button
        {
            font-size: 0.9em;
            width: 100px;
            height: 30px;
        }
        input.ui-button
        {
            padding: 0px;    
        }
    </style>


    <script type="text/javascript">
        $(function () {
            // Button
            $(".button").button();
            $(".button-disabled").button().addClass("ui-state-disabled").attr("disabled", true);

        });
        function setFocus() {
            document.getElementById('tbxTenDangNhap').focus();
        }
        function checkEmpty() {
            var usr = document.getElementById('tbxTenDangNhap').value;
            var pwd = document.getElementById('tbxMatKhau').value;
            if (usr == "" || pwd == "") {
                alert('Vui lòng nhập đầy đủ thông tin Tài khoản và Mật khẩu!');
                setTimeout(function () { document.getElementById('tbxTenDangNhap').focus(); ; }, 1);
                return false;

            }
            else {
                return true;
            }
        }
    </script>
</head>
<body onload="setFocus()">
    <form id="form1" runat="server">
        <div id="loginPanel" class="box">
            <div id="title"><h2>Đăng Nhập</h2></div>
            <div class="clear"></div>
            <div class="row">
                <asp:Label ID="Label1" runat="server" Text="Tài khoản"></asp:Label>
                <asp:TextBox ID="tbxTenDangNhap" runat="server" class="textbox"></asp:TextBox>
            </div>
            <div class="clear"></div>
            <div class="row"> 
                <asp:Label ID="Label2" runat="server" Text="Mật khẩu"></asp:Label>
                <asp:TextBox ID="tbxMatKhau" runat="server" TextMode="Password" class="textbox"></asp:TextBox>
            </div>
            <div class="clear"></div>
            <div class="row" style="text-align: center;">
                <asp:Button class="button" ID="btnDangNhap" runat="server" Text="Đăng nhập" 
                    onclick="btnDangNhap_Click" OnClientClick="return checkEmpty();"/>        
            </div>
        </div>
    </form>
</body>
</html>


